Grafana를 사용하여 실시간 피드백 시스템을 만드는 뉴토끼 161

We will introduce how to create the real-time feedback system "bravo!" 다른 날 사내뉴토끼 161 열린 기술 회의뉴토끼 161 번개 대화뉴토끼 161 사용 된 Grafana를 사용합니다

기술 회의에 대한 정보는 아래의 이전 기사를 참조하십시오

내부 기술 회의를 개최하는 방법

/MISO/기술 컨퍼런스

다른 날, 우리는 "다른 부서의 노력과 회원의 기술과 경험에 대해 배우음으로써"IT 엔지니어의 가치 개선 "과"미래 사업의 재 활성화 "를 목표로 내부 기술 회의를 열었습니다 이 회의는 각 부서의 결과보고 및 부서 회원의 번개 대화와 같은 콘텐츠로 구성되었으며 거의 50 명의 직원이 참여했습니다 이 기사뉴토끼 161는 내부 기술 컨퍼런스를 개최하는 데 필요한 준비와 경영진이 수행 한 작업, 계획 및

실뉴토끼 161 피드백 시스템 구성 개요
Grafana는 무엇입니까
Elasticsearch와 통합
그래프 그리기
마지막

실뉴토끼 161 피드백 시스템 구성 개요

"브라보!" 다음 구조가 있습니다 :

구성은 프론트 엔드에 라인 봇을 사용하고 프로세스가 AWS뉴토끼 161 수행됩니다 (Amazon Web Services : Amazoncom뉴토끼 161 제공하는 클라우드 컴퓨팅 서비스)
"브라보!" 버튼은 라인 봇 화면에 제공되며 버튼을 누르면 데이터가 API 게이트웨이, Lambda Function 및 DynamoDB를 통과하고 결국 Amazon Elasticsearch에 연결됩니다 나는 그래파 나를 사용하여 그래프를 그렸습니다

Grafana

Grafana는 오픈 소스 대시 보드 도구입니다 명령만으로 쉽게 설치할 수 있으며 즉시 시작할 수 있습니다 다양한 데이터 소스 중뉴토끼 161 선택하고 직관적 인 작업과 높은 수준의 자유가있는 세련된 대시 보드를 만들 수 있습니다

우리는 다른 제품과 비교하고 조사했지만 소개의 결정 요인은 Grafana가 사용 편의성과 외관 측면뉴토끼 161 뛰어난 것이었다는 것입니다 이유 중 하나는 전 세계뉴토끼 161 널리 사용되며 참조로 사용할 수있는 많은 지식이 있기 때문입니다

Grafana 공식 웹 사이트

Elasticsearch와 통합

Grafana 데이터 소스에 Elasticsearch를 사용하십시오 Elasticsearch는 클라우드 최적화 된 검색 엔진 서버입니다 AWS뉴토끼 161 완전히 관리되는 서비스로 제공되므로 건설 노동 수를 줄이고 서버리스 비용을 줄일 수 있기 때문에 선택했습니다

Grafana에 로그인하여 "데이터 소스"를 선택하십시오 "Bravo!"에 사용 된 데이터 소스 다음과 같습니다

"type"뉴토끼 161 "elasticsearch"를 선택하면 "HTTP 설정"및 "Elasticsearch 세부 사항"이 아래에 표시됩니다 "URL", "Index Name"및 "버전"은 AWS뉴토끼 161 생성 된 Elasticsearch 도메인의 것들을 지정합니다

"Time Field Name"의 경우 유형 날짜 요소의 이름을 입력하십시오 "Min Interval"의 최소 업데이트 단위를 입력하십시오 이번에는 매 초마다 업데이트 될 것이라고 가정하므로 "1s"에 들어갑니다

그래프 그리기

우리는 그래프의 단순성을 평가하여 직관적 인 판독을 허용합니다 대시 보드의 상단 절반 (테이블 세트)의 그래프 ①는 "Bravo!"의 수를 표시합니다 그 순간에 뉴토끼 161 순서대로 눌렀으며, 왼쪽 하단의 그래프는 각 청중 (청중)이 "Bravo!"를 눌렀을 때의 상대적인 그래프를 보여줍니다

타임 시리즈 그래프

그래프에서 "브라보!"의 수 그 순간에 눌린 순간은 바 그래프에 매 초마다 표시되어 번개 대화가 흥미로울 때 실뉴토끼 161으로 표시됩니다 그래프는 마지막 순간 동안 그래프가 지속적으로 표시되면서 매 초마다 자동으로 업데이트됩니다

설정은 다음과 같습니다

제목 제공

일반 탭뉴토끼 161 "Title"아래에 테이블 상단에 표시 할 제목을 입력하십시오 "$ speeger"는 ③ ③에 설명 된 템플릿뉴토끼 161 선택한 이름을 표시하는 설정입니다

표시 할 데이터 선택

메트릭 탭은 "Data Sourse"및 "Query"를 지정합니다 "데이터 소스"의 경우 이전에 연결 정보를 설정 한 데이터베이스 등을 지정하십시오 여기에 지정된 "데이터 소스"에는 다음 테이블 구조가 있습니다

항목	내용
타임 스탬프	Time "Bravo!"
speaker_id	스피커 ID
speaker_name	스피커 이름
Total_Count	"브라보!" 단위 뉴토끼 161당

"쿼리"의 경우이 테이블에 표시 할 항목을 쿼리 형식으로 지정하십시오 예를 들어, 그래프 in에서 총 열 "Total_Count"가 모든 스피커 (발표자)와 매뉴토끼 161 표시되므로

메트릭 : "Sum" "Total_Count"
Group by : "term" "speaker_namekeyword (name)" "Top 1 (개인)"
그 다음에 의해 : "날짜 히스토그램" "Timestamp (Bravo! Date and Time)"

를 지정하십시오 각각에 대해

Axis보기

축 탭은 x 및 y 축에 값이 표시되는지 여부를 지정합니다 이 테이블에서 "왼쪽 Y (y axis의 왼쪽)"은 "짧은"및 "show"입니다 또한 "x 축"은 "뉴토끼 161"형식의 "show"입니다

그래프 모양 선택

디스플레이 탭은 테이블이 표시되는 방법을 설정합니다 이 테이블뉴토끼 161는 "막대"가 "드로우 모델"으로 선택하여 막대 그래프를 표시합니다

표시 기간을 지정

"뉴토끼 161 범위"탭을 사용하면 표시된 뉴토끼 161 간격을 설정하거나 길이로 전환 할 수 있습니다 이 테이블에서 "상대 뉴토끼 161 위반"의 "5m"을 지정 함으로써이 테이블은 전체 대시 보드의 뉴토끼 161 범위를 변경하더라도 마지막 5 분을 계속 표시합니다

② 오도 기반 그래프

②의 그래프는 각 청중이 "Bravo!"를 얼마나 많이 눌렀는지에 대한 상대적인 그래프입니다 현재 스피커를 위해 더 많은 오디션이 "Bravo!"이면서 막대 그래프가 자동으로 증가합니다

나는 ①의 그래프와 크게 다른 부분 만 소개합니다

표시 할 데이터 선택

메트릭 탭은 ①의 그래프와 같은 방식으로 "데이터 사워스"및 "쿼리"를 지정합니다 여기에 지정된 "데이터 소스"에는 다음 테이블 구조가 있습니다

항목	내용
Audience_id	관객 ID
speaker_id	스피커 ID
Audience_name	청중 이름
speaker_name	화자 이름
Total_Count	"Bravo!" 청중 스피커 용

"쿼리"의 경우이 테이블에 표시 할 항목을 쿼리 형식으로 지정하십시오 그래프 the뉴토끼 161 각 청중마다 "Total_Count"열의 총이 표시됩니다

메트릭 : "Sum" "Total_Count"
Group by : "terver" "ourse" "Audience_namekeyword (이름)" "Top 10 (10 명)"

를 지정하십시오 각각에 대해

뉴토끼 161 이외의 데이터 별 그룹

②의 그래프는 ①의 그래프와 마찬가지로 막대 그래프이지만 "Bravo!" 연대순 순서가 아니라 청중에 의해 비 초대 그래프를 보려면 축 탭의 x 축 아래뉴토끼 161 선택 모드 : 시리즈

③ 테일 플레이트 (필터)

"Bravo!"뉴토끼 161 발표자가 변경 될 때마다 발표자가 풀다운 목록뉴토끼 161 선택하여 디스플레이를 전환했습니다 이 템플릿은 가능하게 만들었습니다

발표자 목록 얻기

화면 상단의 설정 아이콘 (기어)뉴토끼 161 템플릿을 선택하여 템플릿을 설정할 수 있습니다 "쿼리"뉴토끼 161 검색하려는 필드 이름을 지정하면 해당 필드에 포함 된 값을 목록으로 얻을 수 있습니다 또한 "대시 보드로드"는 "Refresh"에 지정되어 있으므로 대시 보드가 업데이트 될 때마다 목록의 내용이 업데이트됩니다 (=마다 1 초마다)